;(function () {
    $(function () {
        //放大镜


        //核心公式    小区域/大区域=小图/大图
        //  小区域= (小图/大图) *大区域;
        //求出比例   小图/小区域=大图/大区域
            var middleWidth=($(".middleImg").width()/$(".bigImg").width())*$(".bigArea").width();
            var middleHeight = ($(".middleImg").height()/$(".bigImg").height())*$(".bigArea").height();

            $(".middleArea").width(middleWidth);
            $(".middleArea").height(middleHeight);

            var  oScale = $(".middleImg").width ()/  $(".middleArea").width();

           $(".middleImg").mouseenter(function () {
               $(".middleArea").css("display","block");
               $(".bigArea").css("display","block");

               $(document).mousemove(function (evt) {
                   var e = evt || window.event;
                   var mX = e.pageX -  $(".middleImg").offset().left -  $(".middleArea").width ()/ 2;
                   var mY = e.pageY -  $(".middleImg").offset().top -  $(".middleArea").height() / 2;
                   if (mX <= 0) {
                       mX = 0
                   }
                   if (mY <= 0) {
                       mY = 0
                   }

                   if (mX >=  $(".middleImg").width() - $(".middleArea").width()) {
                       mX =  $(".middleImg").width() - $(".middleArea").width();
                   }

                   if (mY >=  $(".middleImg").height() - $(".middleArea").height()) {
                       mY =  $(".middleImg").height() - $(".middleArea").height();
                   }


                   $(".bigImg").css("left", mX * -oScale);
                   $(".bigImg").css("top", mY * -oScale);

                   $(".middleArea").css("left", mX );
                   $(".middleArea").css("top", mY);

               })

           })
        $(".middleImg").mouseleave( function () {
            $(".middleArea").css("display","none");
            $(".bigArea").css("display","none");
        })


        $(".content .small li").on("mouseenter",function () {
            var str=$(this).find("img")[0].getAttribute("src");
            $(".middleImg img").attr("src",str);
            $(".bigArea img").attr("src",str);
        })







    })
})(jQuery);

